import React, { Component } from 'react';
// 1. setState 正常情况 修改数据 是异步的
// 2. this.setState({},()=>{}) 在第二参数回调函数中，获取到的state 值最新的
class App extends Component {
  state = {
    msg:"🐂"
  }
  render() {
    return (
      <div>
        <h1>{this.state.msg}</h1>
        <button onClick={()=>{
          //? 如果通过 setState 修改了 msg 值，那么this.state.msg 值是不是同步
          // 修改了呢
          this.setState({
            msg:"🐏"
          },()=>{
            console.log(this.state.msg);
            // setState 第二参数 回调函数中 打印出来的state 就是修改之后的结果  🐏
          })
       
        }}>变成🐏</button>
      </div>
    );
  }
}

export default App;
